<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>XHTML5 Template</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="css/site.css"> 
  <link rel="stylesheet" href="css/buttons.css"> 
  <link rel="stylesheet" href="css/overlay.css"> 
  <link rel="stylesheet" href="css/animations.css"> 
  <link rel="stylesheet" href="css/main.css"> 
  <style>
#arithmeticHouse {
  width: 20%;
  height: 70%;
  text-align: center;
  font-size: 3em;
}
#roof {
  width: 100%;
  height: 30%;
  padding: 0.2 em;
  background-image: url(media/img/roof.svg);
  background-size: contain;
  background-origin: content-box;
}
#arithmeticHouse > table {
  width: 100%;
  height: 70%;
}
  </style>
  <script>
  //<![CDATA[
  //]]>
  </script>
 </head>
 <body>
 <div id="arithmeticHouse"><div id="roof">+1</div><table><tbody><tr id="row1"><td>3</td><td><input type="number" class="askedFor false" name="result1" id="askedFor1"></td></tr><tr id="row2"><td>4</td><td><input type="number" class="askedFor correct" name="result2" id="askedFor2"></td></tr><tr id="row3"><td>9</td><td><input type="number" class="askedFor false" name="result3" id="askedFor3"></td></tr></tbody></table></div>
 </body>
</html>